
html, body {}
body {font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}
body, div, p, ul, ol, li, span, strong, em, table, th, td, input, select, option,
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:12px; color:#666;}
li {list-style:none;}
img {border:0;}
a:link,
a:visited,
a:hover {text-decoration:none;}
input, textarea {font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; height:18px; font-size:14px;  line-height:18px; padding:5px 5px; border:1px solid #dadbe3; background:#fff url('../images/input.png') no-repeat -1px -1px;}
input.readonly {background-color:#e1e1e1;}
select {font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; height:30px; font-size:14px; border:1px solid #dadbe3; background:#fff url('../images/input.png') no-repeat -1px -1px;}
select {height:30px\9; padding-top:5px\9; padding-bottom:5px\9; line-height:1\9;}
input.checkbox {border:0;}
input.file {border:0; background:none; height:auto; width:auto; background-color:#fff;}

.body-wrap {min-width:980px;}
.header {position:relative; height:75px; background-color:#2b3643;}
.header .logo {position:absolute; top:20px; left:52px;}
.header .you-are {height:30px; padding:10px 0 0; margin-left:221px;}
.header .you-are:after {content:''; clear:both; height:0; display:block;}
.header .you-are p {float:left; margin:0 10px;}
.header .you-are p strong {color:#b3bfce; font-weight:normal;}
.header .you-are p select {height:20px; background-color:#bfc2c6; font-size:12px; border:1px solid #5b5e62;}
.header .you-are .disc {}
.header .you-are .comp {}
.header .you-are .stat {}
.header .you-are .stat input {width:60px; padding:1px 5px; background-color:#bfc2c6; font-size:12px; border:1px solid #5b5e62;}
.header .you-are a.btn-ok {display:inline-block; padding:0 10px 0 26px; height:25px; line-height:22px; color:#fff; background:#3eae8d url('../images/btn_ok.png') no-repeat 7px 50%; border-radius:4px;}
.header .gnb {position:absolute; bottom:0; left:0; right:0; margin-left:221px; height:35px; background-color:#47515f;}
.header .gnb ul {}
.header .gnb ul:after {content:''; clear:both; display:block; height:0;}
.header .gnb li {float:left; }
.header .gnb li a {display:block; padding:0 40px; color:#fff; line-height:32px; height:35px; font-size:16px; text-align:center;}
.header .gnb li a:hover {background-color:#596575;}
.header .gnb li.current a {background-color:#d5552b;}
.header .info {position:absolute; top:0; right:0; width:142px; height:40px; z-index:10;}
.header .info .user {display:block; float:left; padding-right:15px; text-align:right; width:75px; border-right:10px solid transparent; height:40px; color:#b3bfce; line-height:37px; background:url('../images/user_1.png') no-repeat 100% 50%;}
.header .info .user:hover {background-color:#000; border-right:10px solid #000;}
.header .info .user-more {display:none; position:absolute; top:45px; right:41px; padding:8px 10px; background-color:#fff; width:100px; border-radius:4px; box-shadow:0 0 4px rgba(0,0,0,.5);}
.header .info .user-more li {line-height:20px;}
.header .sign-out {float:right; width:42px; height:40px; background:#2b3643 url('../images/sign_out.png') no-repeat 50%; font-size:0; color:transparent; color:rgba(0,0,0,0); *color:#fff;}
.header .sign-out:hover {background-color:#000;}
.header .info-2 {position:absolute; top:0; right:0; height:40px; z-index:10;}
.header .info-2 .user,
.header .info-2 .comp,
.header .info-2 .my {display:block; float:left; text-align:center; padding-left:10px; padding-right:10px; min-width:50px; height:40px; color:#b3bfce; line-height:37px; background-color:#2b3643;}
.header .info-2 .user {}
.header .info-2 .comp {}
.header .info-2 .my {padding-right:20px; background:url('../images/ico_who.png') no-repeat 90% 45%;}
.header .info-2 a:hover {background-color:#000;}

.side-toggle {position:absolute; top:75px; left:183px; z-index:2; width:30px; height:25px;}
.side-toggle a {display:block; height:25px; background:url('../images/side_toggle.png') no-repeat 0 0; font-size:0; color:transparent; color:rgba(0,0,0,0); *color:#fff;}
.no-side .side-toggle {left:5px;}
.no-side .side-toggle a {background-position:0 100%;}

.side-menu {position:absolute; left:0; padding-right:4px; padding-bottom:20px; width:219px; background:#f5f5f7 url('../images/side_bg_1.gif') repeat-y 100% 0;}
.side-menu .menu {border-top:1px solid #fff;}
.side-menu .menu:first-child {border-top:0;}
.side-menu .menu:last-child {border-bottom:1px solid #fff;}
.side-menu .menu strong {display:block; padding:0 0 0 10px; font-weight:normal; color:#364150; line-height:42px; border-bottom:1px solid #d7d7d7;}
.side-menu .menu ul {padding:0 0 15px; background-color:#eeeef0;}
.side-menu .menu li {line-height:22px;}
.side-menu .menu li a {display:block; line-height:14px; color:#666; padding:3px 0 5px 20px;}
.side-menu .menu li a:hover {background-color:#d9dbdf;}
.side-menu .menu li.current a {position:relative; color:#e7ebef; background-color:#68768b;}
.side-menu .menu li.current a:after {content:''; width:12px; height:22px; position:absolute; right:-1px; top:0; background:url('../images/side_bg_current.png') no-repeat 0 50%;}
.no-side .side-menu {display:none;}
.side-menu .menu li.completed a {font-weight:bold; color:#026796; background:url('../images/menu_ok.png') no-repeat 6px 50%;}
.side-menu .menu li.completed a:hover {background-color:#d9dbdf;}
.side-menu .menu li.current.completed a {color:#e7ebef; background-color:#68768b; background-image:url('../images/menu_ok_current.png');}
.side-menu .menu li.current.completed a:hover {background-color:#68768b;}

.contents {margin-left:223px; padding-bottom:50px;}
.contents .page-title {height:52px; margin-bottom:12px; border-bottom:1px solid #e3e4ea; background-color:#f5f5f7;}
.contents .page-title h1 {line-height:26px; padding:13px 10px 13px 25px; color:#75777e; font-size:22px; font-weight:bold;}
.contents .page-cont {margin:12px 10px;}
.no-side .contents {margin-left:0;}
.no-side .contents .page-title h1 {padding-left:45px;}

.page-cont {}
.page-cont h2 {line-height:20px; padding:4px 10px 4px 10px; color:#444; font-size:16px; font-weight:bold;}
.page-cont h2 + .table-caption {margin-top:0;}
table.data + h2, .page-cont * + h2 {margin-top:30px;}
.page-cont p + p {margin-top:15px;}

.table-caption {margin:15px 10px 5px; text-align:right;}
.table-caption + table.data {margin-top:5px;}
table.data {min-width:600px; width:100%; margin:12px 0; border:1px solid #ddd; border-collapse:collapse; padding:0; table-layout:fixed;}
table.data th, table.data td {color:#666; border:1px solid #ddd; padding-left:5px; padding-right:4px; padding-top:2px; padding-bottom:2px; font-weight:normal;}
table.data th {height:28px; text-align:center; background-color:#fafafa;}
table.data tbody th {background-color:#fff;}
table.data td {height:28px; text-align:left; background-color:#fff;}
table.data th.center, table.data td.center {text-align:center;}
table.data th.left, table.data td.left {text-align:left;}
table.data th.right, table.data td.right {text-align:right;}
table.data td a {color:#333; text-decoration:underline;}
table.data.big {min-width:900px; width:auto;}
.slash {font-family:arial, verdana, tahoma; display:block; font-size:16px; font-weight:normal;}

table.field {min-width:350px; margin:0; border:0; border-collapse:collapse; padding:0; table-layout:fixed;}
table.field th, table.field td {font-size:14px; color:#666; border:0; font-weight:normal; text-align:left;}
table.field th {height:40px; padding-right:10px;}
table.field th strong {color:#444;}
table.field td {height:40px;}
table.field th.center, table.field td.center {text-align:center;}
table.field th.left, table.field td.left {text-align:left;}
table.field th.right, table.field td.right {text-align:right;}

.modal {display:none; position:absolute; top:0; left:0; right:0; width:100%; min-height:100%; background:url('../images/modal.png') repeat 0 0; z-index:10;}
.layer {display:none; position:absolute; min-width:430px; max-width:800px; background-color:#f8f8f8; border-radius:10px; z-index:11;}
.layer.popup {display:block;}
.layer .title {font-size:20px; font-weight:bold; line-height:28px; height:28px; padding:15px 24px 14px; border-bottom:1px solid #e5e5e5; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
.layer .title:hover {cursor:move;}
.layer .title .help {position:absolute; top:10px; right:36px;}
.layer .layer-cont {min-height:100px; margin:0 35px; padding:10px 0 25px;}
.layer .layer-cont .btns {margin-top:40px; text-align:center;}
.layer .layer-cont .btns a {display:inline-block; min-width:65px; padding:6px 10px; font-size:14px; line-height:18px; font-weight:bold; color:#fff; background-color:#3266cd; text-align:center;}
.layer .layer-cont .btns a, {zoom:1;}
.layer .layer-cont .btns a.false {background-color:#757575; margin:0;}
/*
.layer .layer-cont td {word-break:break-all; word-wrap:break-word;}
.layer .layer-cont td input {width:197px; vertical-align:middle;}
.layer .layer-cont td textarea {width:197px; height:60px;}
.layer .layer-cont td input.radio {width:auto;}
.layer .layer-cont td * + input.radio {margin-left:15px;}
.layer .layer-cont td select {width:209px;}
*/
.layer table.data {width:auto; table-layout:auto;}
.layer table.data thead th {background-color:#f1f1f1;}
.layer.big .layer-cont th, .layer.big .layer-cont td {padding-right:10px; padding-left:10px;}
.layer.big .layer-cont td + th {padding-left:30px;}
.layer .close {position:absolute; width:28px; height:28px; top:8px; right:8px;}
.layer .close a {display:block; height:28px; font-size:0; color:transparent; color:rgba(0,0,0,0); *color:#fff; background:url('../images/layer_close.png') no-repeat 50%;}
.table-scroll {max-height:200px; overflow-y:auto; padding-right:20px;}

.login-front {width:400px; margin:50px auto;}
.login-front .login-box {padding:35px 0; background-color:#f5f5f7; border:1px solid #dadbe3; border-left:5px solid #47515f;}
.login-front .login-box p {margin:0 auto 10px; width:230px;}
.login-front .login-box p input {width:200px; padding-left:30px;}
.login-front .login-box p.id input {background:url('../images/login_id.gif') no-repeat 0 0;}
.login-front .login-box p.id input.focus {background-position:0 -64px;}
.login-front .login-box p.id input:focus {background-position:0 -64px;}
.login-front .login-box p.pw input {background:url('../images/login_pw.gif') no-repeat 0 0;}
.login-front .login-box p.pw input.focus {background-position:0 -64px;}
.login-front .login-box p.pw input:focus {background-position:0 -64px;}
.login-front .login-box p.submit {text-align:right;}
.login-front .login-box p.submit button {width:75px; height:30px; text-align:center; color:#fff; background-color:#0079b1; border:0;}

.popup-wrap {background-color:#f8f8f8;}
.layer.popup {position:relative; }
.layer.popup .title {border-radius:0;}

.main-visual {position:relative; height:135px; padding-top:55px; overflow:hidden; border-top:1px solid #c5deea; border-bottom:1px solid #72a2b8; background:url('../images/main_bg1.gif') repeat 0 0;}
.main-visual p {width:980px; margin:0 auto; font-family:"Helvetica Neue", Helvetica, Arial,'맑은 고딕', 'Malgun Gothic', sans-serif;}
.main-visual p.type1 {font-size:36px; line-height:1.4em; color:#fff;}
.main-visual p.type2 {font-size:22px; line-height:30px; color:#fff;}
.main-visual .graph {position:absolute; bottom:0; left:70%; width:234px; height:200px; background:url('../images/main_bg2.png') no-repeat 0 0; z-index:2;}
.main-visual .doc {position:absolute; bottom:-111px; left:60%; width:389px; height:285px; background:url('../images/main_bg3.png') no-repeat 0 0; z-index:3;}
.main-cont {width:980px; margin:20px auto; padding-bottom:50px; overflow:hidden;}
.main-cont .recent {float:left; position:relative; width:300px; margin:0 13px;}
.main-cont .recent h2 {font-size:16px; line-height:30px; border-bottom:2px solid #666; color:#333;}
.main-cont .recent ul {}
.main-cont .recent li {margin-bottom:5px; line-height:18px; padding-left:5px;}
.main-cont .recent li:after {content:''; clear:both; display:block; height:0;}
.main-cont .recent li, {display:inline-block;}
.main-cont .recent li a {float:left; display:block; font-size:14px; width:220px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main-cont .recent li a:hover {color:#222; text-decoration:underline;}
.main-cont .recent li .date {width:70px; float:right; text-align:right; padding-right:5px;}
.main-cont .recent .more {color:#666; position:absolute; top:8px; right:10px; padding-right:10px; background:url('../images/more.png') no-repeat 100% 4px;}
.main-cont .recent .more:hover {color:#444;}

/* elements */
.func-btn {text-align:right;}
.func-btn.search {margin-bottom:20px;}
.func-btn:after {content:''; clear:both; height:0; display:block;}
.func-btn, {display:inline-block;}
.func-btn .left {float:left;}
.func-btn a {display:inline-block; min-width:70px; margin:0 3px; height:18px; padding:6px 5px; line-height:18px; font-size:14px; color:#fff; text-align:center; background-color:#0079b1; border-radius:2px;}
.func-btn a, {zoom:1;}
.func-btn p {display:inline-block;}
.func-btn p, {zoom:1;}
.func-btn p strong {margin-right:5px;}
.func-btn p + p {margin-top:0; margin-left:20px;}
.func-btn select {min-width:170px;}
h2 + .func-btn {margin-top:-28px;}
* + .func-btn {margin-top:30px;}
.header .func-btn {margin-top:-33px; margin-right:10px;}
.header .func-btn a {padding:6px 5px; min-width:50px; background-color:#729eb3;}
.header.popup .you-are {padding-top:25px;}
.false {font-size:14px; color:#444; margin:10px 20px;}

/* add */
.ui-jqgrid TD INPUT.cbox {height:auto; background:none; border:0 none; padding-bottom:0;}
.ui-button .ui-button-text {color:#fff;}
.header.popup .you-are p {color:#b3bfce;}
.header.popup .you-are p strong {font-weight:bold; font-size:14px; /* display:block; */}